{extend name="common/index" /}

{block name="content-wrapper"}
<section class="content-header">
    <h1>
        <a href="{:url('index/index/full_data_overview')}" target="_blank">数据概览</a>
        <small>Data overview</small>
    </h1>
</section>
<section class="content container-fluid">
    <span class="mendian" style="display:none">{$store_num}</span>
    <span class="shanghu" style="display:none">{$merchant_num}</span>
    <span class="shouyinyuan" style="display:none">{$cashier_num}</span>
    <span class="zhongduan" style="display:none">{$terminal_num}</span>
    <span class="nan" style="display:none">{$man_num}</span>
    <span class="nv" style="display:none">{$men_num}</span>
    <div class="row">
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container1" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container8" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container4" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
           <div class="abc" id="container7" style="width:100%;height:100%;"></div>
         </div>
        <!--<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">-->
            <!--<div class="abc" id="container11" style="width:100%;height:100%;"></div>-->
        <!--</div>-->
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container9" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container6" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
            <div class="abc" id="container5" style="width:100%;height:100%;"></div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6" style="padding:15px;height:350px;">
           <div class="abc" id="container10" style="width:100%;height:100%;"></div>
         </div>
    </div>
</section>
{/block}

{block name="introduce-js"}
<script src="../../static/index/js/echarts.min.js"></script>
<script src="../../static/index/js/dataTool.js"></script>
<script src="../../static/index/js/china.js"></script>
<!--<script src="../../static/index/js/highcharts.js"></script>-->
<script>
    var url_1 = "{:url('index/index/channel_proportion')}";//去获取支付渠道使用率
    var url_2 = "{:url('index/index/industry_proportion')}";//去获取炫生活服务平台行业使用占比
    var url_3 = "{:url('index/index/past_six_months')}";//返回过去六个月的交易信息
    var url_nearly_seven_day = "{:url('index/dataapi/nearly_seven_day')}";//近七天交易数据展示
</script>
<script src="../../static/index/js/container1.js"></script>
<script src="../../static/index/js/container4.js"></script>
<script src="../../static/index/js/container5.js"></script>
<script src="../../static/index/js/container6.js"></script>
 <script src="../../static/index/js/container7.js"></script>
<script src="../../static/index/js/container8.js"></script>
<script src="../../static/index/js/container9.js"></script>
 <script src="../../static/index/js/container10.js"></script>
 <script src="../../static/index/js/container11.js"></script>
{/block}
